const path = require('path')
const webpack = require('webpack')  // 启用热更新第2步
const htmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  entry: path.join(__dirname, './src/main.js'),
  output: {
    path: path.join(__dirname, './dist/'),
    filename: 'bundle.js'
  },
  devServer: {
    open: true,
    port: 3000,
    contentBase: 'src',
    hot: true,  // 启用热更新第1步
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),  // 启用热更新第3步
    new htmlWebpackPlugin({
      // 模板文件位置
      template: path.join(__dirname, './src/index.html'),
      // 内存中生成的html文件
      filename: 'index.html'
    })
  ]
}
